<%@ taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>
<style>
.control-label {
	margin-right: 10px;
	width: 200px;
}
</style>

<table class="table">
	<tr>
		<th width="20%">NIP</th>
		<td>:</td>
		<td align="left"><s:property value="%{pegawai.nip}" /></td>
	</tr>
	<tr>
		<td>Nama</td>
		<td>:</td>
		<td align="left"><s:property value="%{pegawai.nama}" /></td>
	</tr>
	<tr>
		<td>Jenis Kelamin</td>
		<td>:</td>
		<td align="left"><s:property value="%{pegawai.jenisKelamin}" /></td>
	</tr>
</table>

<s:url var="urlAlamatPegawai" action="modul/pegawai/page/alamat">
	<s:param name="id" value="%{id}" />
</s:url>
<s:url var="urlKontakPegawai" action="modul/pegawai/page/kontak">
	<s:param name="id" value="%{id}" />
</s:url>
<s:url var="urlJabatanPegawai" action="modul/pegawai/page/jabatan">
	<s:param name="id" value="%{id}" />
</s:url>
<div class="row-fluid">
	<div class="span12">
		<s:div id="pegawaiAttribut">
			<sj:tabbedpanel id="localtabs">
				<sj:tab id="tab1" href="%{urlAlamatPegawai}" label="Alamat" />
				<sj:tab id="tab2" href="%{urlKontakPegawai}" label="Kontak" />
				<sj:tab id="tab3" href="%{urlJabatanPegawai}" label="Jabatan" />
			</sj:tabbedpanel>
		</s:div>
	</div>
</div>